@keyframes fade-in {
    0% {
        opacity: 0
    }
    100% {
    }
}


@keyframes fade-out {
    0% {
    }
    100% {
        opacity: 0
    }
}


@keyframes modal-in {
    0% {
        opacity: 0;
        transform: scale(0.8, 0.8);
        -moz-transform: scale(0.8, 0.8);
        -webkit-transform: scale(0.8, 0.8);
        -ms-transform: scale(0.8, 0.8);
    }
    100% {
    }
}

@keyframes modal-out {
    0% {
    }
    100% {
        transform: scale(0.8, 0.8);
        -moz-transform: scale(0.8, 0.8);
        -webkit-transform: scale(0.8, 0.8);
        -ms-transform: scale(0.8, 0.8);
        opacity: 0
    }
}


.mask-in {
    animation: fade-in 0.2s;
    -webkit-animation: fade-in 0.2s;
}

.mask-out {
    animation: fade-out 0.2s;
    -webkit-animation: fade-out 0.2s;
}

.modal-in {
    animation: modal-in 0.15s;
    -webkit-animation: modal-in 0.15s;
}

.modal-out {
    animation: modal-out 0.15s;
    -webkit-animation: modal-out 0.15s;
}
